<template>
  <div>
    <HomeHeader></HomeHeader>
    <TypeNav></TypeNav>
    <el-form>
      <div class="box">
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">盛世绿能招投标系统</el-breadcrumb-item>
          <el-breadcrumb-item >联系我们</el-breadcrumb-item>
        </el-breadcrumb>
        <div class="grid-content">
          <h1 style="text-align: center;padding-top: 20px;">联系我们</h1>
          <el-row>
            <el-col :span="24">
              <div class="left-box">
                <p style="border-left: solid 5px;border-color: #0065b5 !important;padding-left: 7px;">基本信息</p>
                <p>企业官网 : <a class="span" href="https://www.ssge.com.cn" target="_blank">https://www.ssge.com.cn</a></p>
                <p>公司电话 : <span class="span">0755-83182035</span></p>
                <p>商务手机号 : <span class="span">18826556655</span></p>
                <p>邮箱 : <span class="span">bill.zhou@ssge.com.cn</span></p>
                <p>对接手机号 : <span class="span">13662259262</span></p>
                <p>对接邮箱 : <span class="span">lishan@ssge.com.cn</span></p>
                <p style="border-left: solid 5px;border-color: #0065b5 !important;padding-left: 7px;margin-top: 30px;">位置信息</p>
                <p>地址 : <span class="span">广东省深圳市龙华区塘光路福城数字创新产业园6期1栋10楼整层</span></p>
                <el-image style="width: 1282px;height: 911px;margin-top: 10px;" src="../images/address.png"></el-image>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      <HomeFloor></HomeFloor>
    </el-form>

  </div>
</template>
<script>
import HomeFloor from "@/components/home/HomeFloor.vue";
import HomeHeader from "@/components/home/HomeHeader";
import TypeNav from "@/components/home/TypeNav";

export default {
  name: 'ContactUs',
  components:{
    HomeHeader,
    TypeNav,
    HomeFloor
  },
  data() {
    return {

    }
  },
  created() {

  },
  methods: {

  }
}
</script>
<style>
.box {
  width: 1400px;
  margin: 10px auto;
}

.grid-content {
  background-color: white;
  margin-top: 21px;
  width: 1400px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.left-box {
  width: 800px;
  height: auto;
  margin-top: 40px;
  margin-left: 60px;
  font-size: 15px;

  .span {
    color: #0065B5;
  }

  p {
    margin: 10px 0;
  }
}

.btn-tb {
  position: absolute;
  top: 65px;
  left: 118px;
  color: #0065B5;
  z-index: 999;
}
.btn-tb2{
  position: absolute;
  top: 65px;
  left: 118px;
  color: #0065B5;
}


.right-box {
  position: relative;
}
#t1,#t2,#t3{
  font-size: 17px
}
 .demo-table-expand {
   font-size: 0;
 }
.demo-table-expand label {
  width: 120px;
  color: #99a9bf;
}
.demo-table-expand .el-form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: 80%;
}
</style>
